<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<meta name="keywords" content="爽客网旅游，贵阳旅游，旅游" />
<meta name="description" content="爽客网旅游，贵阳旅游，旅游" />
<title>我的订单  - 爽客网 </title>
<link href="/css/phone/reset.css" type="text/css" rel="stylesheet" />
<link href="/css/phone/lr.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/phone/jquery.ying.js"></script>
<script type="text/javascript" src="/js/phone/jquery.endless-scroll-1.3.js"></script>
<script type="text/javascript" src="/js/base.js"></script>

</head>

<body>
	<div class="w320 wrap">
    	<ul class="order_box" id="order_box">
    		<c:if test="${pageModel.totalRecord > 0}">
    			<c:forEach items="${pageModel.list}" var="myOrder">
		    		<li>
		            	<p>订单号：<span>${myOrder.id}</span></p>
		                <p class="pro">订单产品：<c:forEach items="${myOrder.opList}" var="product"><span>${product.pname}</span>&nbsp;</c:forEach>
		                </p>
		                <p>支付方式：<span><c:if test="${myOrder.payFrom=='01'}">线上支付</c:if><c:if test="${myOrder.payFrom=='02'}">到付</c:if></span></p>
		                <p>下单时间：<span><fmt:formatDate value="${myOrder.gmtCreated}" pattern="yyyy-MM-dd" /></span></p>
		                <p>订单金额：<span>￥${myOrder.totalFee}</span></p>
		               	<i class="no_pay"><c:if test="${myOrder.status=='01'}">待支付</c:if> 
											<c:if test="${myOrder.status=='02'}">已支付</c:if> 
											<c:if test="${myOrder.status=='03'}">已成功</c:if> 
											<c:if test="${myOrder.status=='04'}">已完成</c:if> 
											<c:if test="${myOrder.status=='05'}">已取消</c:if></i>
		            </li>
		        </c:forEach>
		        
	    		
    		</c:if>
    		
    		<c:if test="${pageModel.totalRecord < 1}">
    			您还没有订单
    		</c:if>
        	
        </ul>
        <div  style="width: 100%;height: 50px;"></div>
    </div>
    <script type="text/javascript">
    	$(function(){
    		var nextPage = 1;
    		var currentPage = parseInt("${pageModel.currentPage}");
    		var totalPage = parseInt("${pageModel.totalPage}");
			$(document).endlessScroll({
				bottomPixels: 100,
				fireDelay: 10,
				callback: function(p){
					nextPage+=1;
					if(nextPage <= totalPage){
						COOL.showLoad();
						$.get("wapmyorderlist.htm?page="+nextPage,function(data){
					    	 $("#order_box").append(data);
					    	  COOL.hideLoad();
					     });
					}
					
				}
			});
	
    	});
    	
    </script>
</body>
</html>
